我們接下來將透過一系列短片,說明身為開發者的你,該如何著手設計自己的第一個 Open Web App,並針對 Firefox OS 進行開發。
每部短片均極為精簡扼要,讓你在短暫的休息時間也能觀賞,一口氣看完整個系列也不會超過一個小時。此系列短片是由 Telenor Digital 的 Jan Jongboom (@janjongboom) 與 Sergi Mansilla (@sergimansilla),以及 Mozilla 的 Chris Heilmann (@codepo8) 於 2014 年 2 月所錄製。地點位於挪威首都奧斯陸的 Telenor Digital 辦公室內。
Firefox OS是要將Web 帶入行動裝置的作業系統。但 Firefox OS 並非用新技術或新開發環境所建構,卻是以行之有年的標準 Web 技術所打造而成。如果你就是 Web 開發者並打算設計行動 App,則不需改變自己熟悉的流程,也不用重頭學習新的開發環境,即可立刻享受 Firefox OS 所帶來的便利。在此系列短片中,Mozilla 與 Telenor 的開發者相聚在奧斯陸,一同向大家解釋該如何著手建構 Firefox OS 的 App。你將了解:
* 如何開發自己的第一個Firefox OS 應用程式
* 如何在桌機與實際裝置上測試自己的 App 並除錯
* 如何將 App 提交到 Marketplace 中
* 如何使用 API 與 Firefox OS 針對 JavaScript 開發者所提供的特殊介面,進 而存取智慧型手機的硬體
除了系列短片之外,你也能從 GitHub 下載範例程式碼。如果要親自體驗範例程式碼,需另外設定簡單的開發環境。必備條件如下:
* 最新版本的 Firefox(內含現成的開發工具) ─ 如果你真的要把玩最新技術, 那我們建議可下載 Firefox Aurora或 Nightly版本
* 文字編輯器 ─ 短片中使用了Sublime Text,但其實任何文字編輯器均可。如果你想直接在 Web 上編輯程式,則可嘗試 Adobe Brackets
* 可供你推播自己 Demo 檔案的伺服器。某些展示用 App 需要 HTTP 連線,而不 適用本地伺服器
而後續系列短片將涵蓋下列主題:
* 好的 HTML5 App 之構成要素? – Wrapper 中不單單是網站而已
* App 的 Manifest 檔案 ─ 透過簡單的 JSON 物件,將網頁轉為 App
* 應用程式管理員 (App manager) 與 Firefox OS 模擬器 (Firefox OS Simulator) ─ 看看 App 在 Firefox OS 裝置上所呈現的樣子,並了解 App 封裝格式
* 用實際裝置測試 ─ 如何將手機接上電腦,並進行 App 遠端除錯
* 發佈至 Marketplace ─ 如何讓 App 上架,並使消費者能透過 Web 與自己的裝 置看到 App
* Web API ─ 如何透過 JavaScript 存取 Firefox OS 裝置上的硬體
* Web Activities ─ 如何在裝置上建構 App 生態系統,並依自己需要而利用其 他 App 的功能
* 推播通知 ─ 當發生新的資訊,應如何於遠端喚醒 App
* 離線作業 ─ 如何使用 AppCache、LocalStorage、IndexedDB,給予消費者實際 的 App 經驗
* 了解更多 – 和我們聯繫並取得更多資源
除了影片之外,你也能到系列影片的 Wiki 頁面取得相關資訊與連結。請隨時回來查看是否有新的連結,或在 Twitter 上追蹤@mozhacks以獲得新發佈短片的相關資訊。
在本系列短片發佈完畢之後,我們會再統整到 Wiki 頁面上。Telenor 也正努力為系列短片配上不同語言。敬請隨時注意相關訊息。